<template>
  <div class="animate__animated animate__bounceInRight login-right">
    <div class="">
      <register
        class="animate__animated animate__bounceInRight"
        @handleGologin="handleGologin"
        v-show="state.isRegister"
      />
      <loginForm
        class="animate__animated animate__bounceInRight"
        @handleGoregister="handleGoregister"
        v-show="!state.isRegister"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, getCurrentInstance } from "vue";
const internalInstance = getCurrentInstance(); //获取当前实例
const route = internalInstance?.appContext.config.globalProperties.$route;
import loginForm from "/@/views/login/login-form.vue";
import register from "/@/views/login/register.vue";
/*
基本数据类型
引用数据类型（复杂类型） 个人建议 ref初始化变量 
ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, 
ref定义的数据访问的时候要多一个.value
*/
const count = ref(0);
const state = reactive({
  isRegister: false,
});
const handleGoregister = (bool: boolean) => {
  state.isRegister = bool;
};

const handleGologin = (bool: boolean) => {
  state.isRegister = bool;
};
</script>

<style scoped lang="scss">
.login-right {
}
</style>
